﻿
/*================================================重写样式=================================================*/

.dropdown-menu { margin-left: 60px; }
/*列表搜索*/
.view-search .input-group .input-group-addon { border-color: #e8e8e8; background-color: #f5f5f5; }
.table-hover tr:hover > th { background-color: #F1F1F1 !important; }
/*.table-hover tr:hover > td { background-color: #ebf2f9 !important; }*/
.table td, .table th { padding: 6px; font-weight: 400; vertical-align: inherit; }
    .table th.checkboxs { width: 40px; text-align: center; padding: 6px 0 0 0 !important; margin: 0; }
        .table th.checkboxs label.checkbox-reset { padding-top: 0 !important; top: -3px; position: relative; }
    .table td.checkboxs { width: 40px; text-align: center; padding: 6px 0 0 0 !important; margin: 0; }
        .table td.checkboxs label.checkbox-reset { padding-top: 0 !important }
.table > tbody > tr.active > td { background-color: #ebf2f9 !important; }
/*单选*/
.radio-reset { margin: 0; cursor: pointer; font-weight: normal; }
    .radio-reset > span { display: inline-block; padding-left: 6px; vertical-align: 3px; }
    .radio-reset > input[type="radio"] { margin: 0; outline: none; -webkit-appearance: none; appearance: none; width: 16px; height: 16px; background: white; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; border-radius: 100%; }
        .radio-reset > input[type="radio"]:hover { cursor: pointer; }
        .radio-reset > input[type="radio"]:active { border-color: #464648; }
        .radio-reset > input[type="radio"]:checked { }
            .radio-reset > input[type="radio"]:checked::after { position: absolute; top: 3px; left: 3px; content: ""; background-color: #666; border-radius: 1rem; width: 8px; height: 8px; }
        .radio-reset > input[type="radio"][disabled="disabled"] { border: 1px solid #F70852; cursor: no-drop; }
            .radio-reset > input[type="radio"][disabled="disabled"]::after { border: 1px solid #F70852 !important; cursor: no-drop !important; }
/*多选*/
.checkbox-reset { margin: 0; cursor: pointer; font-weight: normal; }
    .checkbox-reset > span { display: inline-block; padding-left: 6px; vertical-align: 3px; }
    .checkbox-reset > input[type="checkbox"] { margin: 0; position: relative; border-radius: 2px; outline: none; -webkit-appearance: none; appearance: none; width: 16px; height: 16px; background: #fff; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
        .checkbox-reset > input[type="checkbox"]:hover { cursor: pointer; }
        .checkbox-reset > input[type="checkbox"]:active { border-color: #464648; }
        .checkbox-reset > input[type="checkbox"]:checked { }
            .checkbox-reset > input[type="checkbox"]:checked::after { position: absolute; content: ""; top: -4px; left: 2px; display: block; width: 18px; height: 18px; height: 18px; background-image: url(); background-size: 100% 100%; }
        .checkbox-reset > input[type="checkbox"][disabled="disabled"] { border: 1px solid #F70852 !important; cursor: no-drop !important; }

.width-100px { width: 100px !important; }
.width-200px { width: 200px !important; }
.width-320px { width: 320px !important; }
.width-380px { width: 380px !important; }
.width-400px { width: 400px !important; }

/*全删按钮隐藏动画*/
.alldel-btn-out { animation: all-btn-out .3s .1s ease both; -webkit-animation: all-btn-out .3s .1s ease both; -moz-animation: all-btn-out .3s .1s ease both; -o-animation: all-btn-out .3s .1s ease both; }

@keyframes all-btn-out {
    0% { transform: scale(1); }
    100% { opacity: 0; transform: scale(.3); }
}

@-webkit-keyframes all-btn-out {
    0% { -webkit-transform: scale(1); }
    100% { opacity: 0; -webkit-transform: scale(.3); }
}

@-moz-keyframes all-btn-out {
    0% { -moz-transform: scale(1); }
    100% { opacity: 0; -moz-transform: scale(.3); }
}

@-o-keyframes all-btn-out {
    0% { -o-transform: scale(1); }
    100% { opacity: 0; -o-transform: scale(.3); }
}

.alldel-btn-in { -webkit-animation-name: all-btn-in; animation-name: all-btn-in; }

@-webkit-keyframes all-btn-in {
    0% { opacity: 0; -webkit-transform: scale(.5); transform: scale(.5); }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes all-btn-in {
    0% { opacity: 0; -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); }
    100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}


.remove-border-left_right { border-left: 0 !important; border-right: 0 !important; }
.remove-border-left { border-left: 0 !important; }

.margin-left-20px { margin-left: 20px; }
.alert { padding-left: 0; padding-right: 0; margin-bottom: 0; }

/*弹性布局*/
.flex { display: flex; display: -webkit-box; display: -moz-box; }
    .flex.wrap { flex-wrap: wrap; }
    .flex > div { flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; }
.flex-0 > div { flex: 0 !important; -webkit-box-flex: 0 !important; -moz-box-flex: 0 !important; }
.flex.end { justify-content: flex-end; -webkit-box-pack: end; -moz-box-pack: end }

.calendar { cursor: pointer; }
.float-left { float: left; }
.float-right { float: right; }


/*上传图片*/
.img-group { display: flex; display: -webkit-box; display: -moz-box }
    .img-group > .example { flex: 0; -webkit-box-flex: 0; -moz-box-flex: 0; margin: 10px 10px 10px 0 }
        .img-group > .example img { min-width: 100px; min-height: 100px }
.img-group-btn { margin-top: 10px }


.pagination > li > a { cursor: pointer; }
.table tr th { background-color: #f5f5f5; font-weight: normal; }
.table-hover > tbody > tr:hover > td { }
.pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: 0; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 6px; }

.view-tabs { padding-bottom: 16px; clear: both; }
.view-search { padding-bottom: 16px; clear: both; }
    .view-search.single > div:not(:last-child) { padding-right: 6px; }
    .view-search.inline > div.form-inline > div.form-group { padding-right: 6px; padding-bottom: 16px; }
        .view-search.inline > div.form-inline > div.form-group > label { padding-right: 6px; font-weight: 500; }
        .view-search.inline > div.form-inline > div.form-group > div[data-search="date"] { margin-bottom: 2px; }
.view-page { padding: 20px; margin-bottom: 200px; clear: both }
.view-eidt-btns { padding-bottom: 16px; clear: both; }
    .view-eidt-btns .btn > i { padding-right: 3px; }
.view-data { }
table[data-multi] tr td p { margin: 0 !important }
    table[data-multi] tr td p > img.icon-140x60 { width: 140px; height: 60px }
    table[data-multi] tr td p > span.title { padding-right: 6px; font-weight: 700 }
        table[data-multi] tr td p > span.title.align { width: 58px; text-align: right; display: inline-block; }

/*日历*/
.table-data-null { text-align: center; }
*[data-del-all-checked="true"] { display: none; }
.view-pagination-page { background-color: #fff; position: fixed; text-align: right; right: 20px; bottom: 100px; width: 100%; }
    .view-pagination-page span[data-page-search="btn"] { cursor: pointer; background-color: #428BCA; color: #fff; border: 0; }
        .view-pagination-page span[data-page-search="btn"]:hover { background-color: #3071A9; }
.page-desc { display: inline-block; vertical-align: 32px; padding-right: 10px; }
    .page-desc > span { padding: 0 6px 0 6px; }
.page-search-p { display: inline-block; width: 100px; vertical-align: 20px; }

.ajax-scroll-page { text-align: center; padding: 10px; clear: both; }

/*搜索按钮*/
*[data-igs="btn"]:hover { cursor: pointer; background-color: #3e4fb1 !important; color: #fff !important; transition: all .4s cubic-bezier(.175,.885,.32,1); border-color: #3e4fb1 !important; }
.table-data-load { text-align: center; }

.form-head > h1 { padding-left: 20px; color: #a0a0a0; }
.form-body { }
    .form-body label.radio-reset, label.checkbox-reset { padding-top: 6px }
    .form-body .form-group .form-control { width: 250px }
    .form-body .form-group textarea { width: 400px; height: 80px }
.form-bottom { clear: both; width: 100%; height: 200px; }
